
<%--显示附近菜品--%>
<%--table表单 记录信息--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div class="col-md-9">
    <div class="data_list">
        <div class="data_list_title"><span class="iconfont icon-dianpu"></span>&nbsp;附近店铺</div>
        <div class="container-fluid">
            <div class="row" style="padding-top: 20px;">
                <div class="col-md-12">
                    <div id="mytable-content" style="overflow: scroll">
                        <table class="mytable table table-bordered">
                            <thead>
                            <tr>
                                <td>店铺名</td>
                                <td>店铺图片</td>
                                <td>店铺地址</td>
                                <td>招牌菜</td>
                                <td>推荐菜品</td>
                                <td>热门菜品</td>
                                <td>操作</td>
                            </tr>
                            </thead>
                            <tbody>
                                <c:if test="${!empty cpoymsg}">${cpoymsg}</c:if>
                                <c:if test="${!empty foodList}">
                                    <c:forEach items="${foodList}"  var="food" begin="1">
                                        <tr>
                                            <td>
                                                <div class="mytable-text">${food.shopName}</div>
                                            </td>
                                            <td>
                                                <ul class="mytable-text">
                                                    <li><img class="text-img" src="../statics/images/shop/${food.shopImg}"></li>
                                                    <li><img class="text-img" src="../statics/images/shop/${food.shopImg}"></li>
                                                </ul>
                                            </td>
                                            <td>
                                                <div class="mytable-text">${food.shopLoc}</div>
                                            </td>
                                            <td>
                                                <div class="mytable-text">${food.mainFood}</div>
                                            </td>
                                            <td>
                                                <div class="mytable-text">${food.recommendFood}</div>
                                            </td>
                                            <td>
                                                <div class="mytable-text">${food.hotFood}</div>
                                            </td>
                                            <td>
                                                <div class="mytable-text">
<%--                                                    拼接get请求,不会给session--%>
                                                    <a class="text-a" href="${pageContext.request.contextPath}/user/addInterset.do?sid=${food.shopId}&uid=${userId}" ><span class="text-boder">关注</span></a>
                                                    <a class="text-a" href="" onclick=""><span class="text-boder">详情</span></a>
                                                </div>
                                            </td>
                                        </tr>

                                    </c:forEach>
                                </c:if>
                            </tbody>
                        </table>
                        <nav style="display: flex;justify-content: center;align-items: center;">
                            <ul class="pagination  center">
                                <%-- 如果当前不是第一页，则显示上一页的按钮，店铺的页面弄过来 --%>
                                <li>
                                    <a href=""><span>«</span> </a>
                                </li>
                                <%-- 导航页数 --%>
                                <li>
                                    <a href="">1</a>
                                </li>
                                <li class="active">
                                    <a href="">2</a>
                                </li>
                                <li>
                                    <a href="">3</a>
                                </li>
                                <%-- 如果当前不是最后一页，则显示下一页的按钮 --%>
                                <li>
                                    <a href="">
                                        <span>»</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
